// react jsx语法
// javascript and xml 
// js与html模板混合的一种语法
// 01 {} js表达式
// 02 {/* */} 代表注释
// 03 class改为className
// 04 样式对象会自定展开
// 05 数组可以写html
// 06 一个组件有且只有一个根节点
function App(){
  const user = {name:'mumu',age:19}
  const styles = {fontSize:48,color:'pink'}
  const list= [
    <h3>张三</h3>,
    <h3>张无忌</h3>,
    <h3>灭绝</h3>
  ]
  return (<div>
    <div>
      {list}
    </div>
    <h1 className='active'>你好react</h1>
    <p style={styles}>想要出彩</p>
    <p style={{fontSize:'9px',textAlign:'center'}}>亮亮真帅</p>
    {/* <p>{2+3}</p>
    <p>{8>9?'大于':'小于'}</p>
    <p>{user.name}</p> */}
  </div>)
}

export default App